<template>
  <div>
    <el-card class="elCard">
      <div class="box_head">
        <span style="line-height: 14px; color: gray">系统消息</span>
      </div>
      <div class="box_main">
        <!-- 空状态 -->
        <el-empty :image-size="100" v-show="false"></el-empty>
        <div>
          <span><a>Admin1</a>请求添加你为好友</span>
          <el-button-group>
            <el-button  type="primary" plain>同意</el-button><el-button type="danger" plain>拒绝</el-button>
          </el-button-group>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {};
</script>

<style>
.elCard {
  width: 560px;
  height: auto;
  margin-top: 10px;
}
.box_head {
  margin: 0;
  padding: 0;
  width: 520px;
  height: 30px;
  border-bottom: 1px solid gray;
}
.box_main {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
</style>